.ba-markdown {
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    ::-webkit-scrollbar-corner,
    ::-webkit-scrollbar-track {
        background-color: var(--el-bg-color-page);
        border-radius: 2px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: var(--el-color-black);
    }
    ::-webkit-scrollbar-button:vertical {
        display: none;
    }
    ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: var(--el-color-black);
    }
    ::-webkit-scrollbar-thumb:vertical:active {
        background-color: var(--el-color-black);
    }
    h1 {
        font-size: var(--el-font-size-large);
        text-transform: uppercase;
        color: var(--el-color-primary);
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        position: relative;
        word-break: break-all;
    }
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
        color: inherit;
    }
    ol > li {
        list-style: decimal;
    }
    ul > li {
        list-style: disc;
    }
    ol .li-task,
    ul .li-task {
        list-style-type: none;
    }
    ol .li-task input,
    ul .li-task input {
        margin-left: -1.5em;
        margin-right: 0.1em;
    }
    a {
        text-decoration: none;
    }
    pre,
    code {
        font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
        font-size: 14px;
        color: #24292f;
    }
    pre {
        margin: 20px 0;
    }
    pre code {
        display: block;
        line-height: 1;
        overflow: auto;
    }
    pre code .code-block {
        display: inline-block;
        width: 100%;
        overflow: auto;
        vertical-align: bottom;
    }
    hr {
        height: 1px;
        margin: 10px 0;
        border: none;
        border-top: 1px solid #eaecef;
    }
    div[inline] > .figure {
        padding-right: 0.5em;
    }
    div[inline] > .figure img {
        padding: 0;
        border: none;
    }
    .figure {
        margin: 0 0 1em;
        display: inline-flex;
        flex-direction: column;
        text-align: center;
    }
    .figure .figcaption {
        color: #888;
        font-size: 0.875em;
        margin-top: 5px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 1.4em 0 0.8em;
        font-weight: 700;
    }
    a {
        color: #2d8cf0;
        transition: color 0.3s;
    }
    a:hover {
        color: #73d13d;
    }
    img {
        margin: 0 auto;
        max-width: 100%;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
    }
    p {
        line-height: 1.6;
        margin: 0;
        padding: 0.5rem 0;
    }
    p:empty {
        display: none;
    }
    code {
        color: #3594f7;
        background-color: #3baafa1a;
        display: inline-block;
        padding: 0 4px;
        border-radius: 2px;
        line-height: 22px;
    }
    blockquote {
        margin: 20px 0;
        padding: 0.5em 1.2em;
        line-height: 2em;
        background-color: #ececec;
        border-left: 5px solid #35b378;
        display: block;
    }
    blockquote p {
        padding: 0;
    }
    pre {
        position: relative;
        border-radius: 5px;
        box-shadow: #0005 0 2px 2px;
    }
    pre code {
        position: relative;
        padding: 1em;
        background-color: #282c34;
        color: #a9b7c6;
        border-radius: 0 0 5px 5px;
    }
    pre code > * {
        line-height: 1.6;
    }
    pre .copy-button {
        color: #999;
        position: absolute;
        font-size: 12px;
        top: 9px;
        right: 10px;
        cursor: pointer;
    }
    pre:before {
        content: '';
        display: block;
        background: url();
        height: 32px;
        width: 100%;
        background-size: 40px;
        background-repeat: no-repeat;
        background-color: #282c34;
        margin-bottom: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-position: 10px 10px;
    }

    table {
        overflow: auto;
        border-spacing: 0;
        border-collapse: collapse;
        margin-bottom: 1em;
    }

    table tr th,
    table tr td {
        word-wrap: break-word;
        padding: 8px 14px;
        border: 1px solid #e6e6e6;
    }

    table tr:nth-child(2n) {
        background-color: #fafafa;
    }

    table tr:hover {
        background-color: #eee;
    }

    ol,
    ul {
        margin: 0.6em 0;
        padding-left: 1.6em;
    }

    ol li,
    ul li {
        line-height: 1.6;
        margin: 0.5em 0;
    }
}
